<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 一般都是使用for循环去遍历数组，
			 * 	JS中还为提供了一个方法，用来遍历数组
			 * forEach()
			 * 		- 这个方法只支持IE8以上的浏览器
			 * 			IE8及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach
			 * 			还是使用for循环来遍历
			 */
			
			//创建一个数组
			var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
			
			/*
			 * forEach()方法需要一个函数作为参数
			 *
			 * 	- 像这种函数，由创建但是不由调用的，称为回调函数
			 *
			 * 	- 数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素
			 * 		以实参的形式传递进来，可以来定义形参，来读取这些内容
			 *
			 * 	- forEach在浏览器会在回调函数中传递三个参数：
			 * 		第一个参数，就是当前正在遍历的元素
			 * 		第二个参数，就是当前正在遍历的元素的索引
			 * 		第三个参数，就是正在遍历的数组
			 * 		
			 */

			//function函数完整写法
			arr.forEach(function(value , index , obj){
				console.log(value+"---"+index+"---"+(obj===arr));
			});

			//箭头函数写法
			arr.forEach((value, index, obj) => {
				console.log(value + "---" + index + "---" + (obj === arr));
			});
			
			
		</script>
	</head>
	<body>
	</body>
</html>
